@import '../c_themes/theme.scss';
// 微信登录页

// 背景
.cover-content {
	background-image: $cover-bg ,$cover-bg-gradient;
	background-size: $common-bg-size;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	justify-content: center;
	color: $sub-color;
	padding-top: 100rpx;
}
	// 内容
	.cover-content .wrap-info {
		margin: 50rpx;
	}
// 微信登录
.cover-content .wrap-quick-logon {
	min-height: 440rpx;
}
	// 手机信息
	.cover-content .wrap-quick-logon .phone-info {
		margin: 40rpx;
	}
	// 手机信息
	.cover-content .wrap-quick-logon .phone-info .phone-number{
		font-size: 80rpx;
		text-align: center;
		color: $normal-color;
	}
// 短信登录
.cover-content .wrap-msg-logon {
	min-height: 440rpx;
}
	// 短信登录-子项
	.cover-content .wrap-msg-logon .item{
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: space-around;
		margin: 20rpx 60rpx;
		border-bottom: $common-line-width solid $light-color;
		font-size: $title3-fontSize;
	}
	// 短信登录-输入项
	.cover-content .wrap-msg-logon .cover-input {
		border-radius: $larger-border-radius;
		padding: 10rpx 0rpx;
		display: block;
		flex: 1;
		border-radius: 0;
		font-size: $title2-fontSize;
	}
	// 短信登录-发送验证码
	.cover-content .wrap-msg-logon .btn-send-captcha {
		white-space: nowrap;
		color: $normal-color;
		font-size: $title3-fontSize;
		height: 60rpx;
		line-height: 1.25;
	}
	// 短信登录-标题
	.cover-content .wrap-msg-logon .content-title {
		font-size: $title1-fontSize;
		display: block;
		color: $normal-color;
	}

// 登录
.cover-content .wrap-logon {
	margin: 40rpx;
	}

	// 微信登录按钮
	.cover-content .wrap-logon .btn-wx-logon {
		background-color: #58BD6A;
		border-color: #58BD6A;
		color: #FFF;
		font-size: $title2-fontSize;
		height: 100rpx;
		border-radius: 100rpx;
	}
	// 按下效果
	.cover-content .button-hover.btn-wx-logon {
		background-color: #5DC973 !important;
		color: #FFF;
	}
	// 短信登录按钮
	.cover-content .wrap-logon .btn-msg-logon {
		background-color: #F4C748;
		border-color: #fecf4b;
		color: #FFF;
		font-size: $title2-fontSize;
		height: 100rpx;
		border-radius: 100rpx;
	}
	// 按下效果
	.cover-content .button-hover.btn-msg-logon {
		background-color: #fecf4b !important;
		color: #FFF;
	}
	// 覆盖系统默认设置
	.cover-content .btn-wx-logon::after {
		display: none;
	}

// 底部
.cover-content .foot-buttons {
	position: fixed;
	bottom: 0;
	padding-bottom: 80rpx;
	display: flex;
	justify-content: center;
	width: 100%;
}
	// 按钮
	.cover-content .foot-buttons button{
		border-radius: 100%;
		width: 90rpx;
		height: 90rpx;
		font-size: 90rpx;
		line-height: 2;
		font-family: iconFonts;
		color: #FFF;
		margin: 0 10rpx;
	}
	// 手机
	.cover-content .foot-buttons .btn-phone-logon::after {
		content: $icon-phone;
		background-color: #F4C748;
	}
	.cover-content .button-hover.btn-phone-logon::after {
		background-color: #fecf4b;
	}
	// 微信
	.cover-content .foot-buttons .btn-wechat-logon::after {
		content: $icon-wechat;
		background-color: #58BD6A;
	}
	.cover-content .button-hover.btn-wechat-logon::after {
		background-color: #5ecc73;
	}